<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Apache Syncope</title>
    <style>
        body{
            width: 800px; margin: auto;
        }
        header>h2{
            font-weight: bolder;
            font-size: 35px;
        }
        .head,.color{
            color: cornflowerblue;
        }
        nav,aside{
            background-color: beige;
        }
        article{
            width: 700px;
            margin: auto;
            height: 400px;
        }
        .last{
            font-style: italic;
            text-align: center;
        }
        footer p{
            font-size: 11px;
        }
        footer div{
            text-align: right;
        }
    </style>
</head>
<body>
    <header><h2>Apache Syncope</h2></header>
    <nav><span class="head">Apache / Apache Syncope</span> / Apache Syncope</nav>
    <br>
    <aside>
    <article>
        <img src="../../image/work1/one.png" alt="diyi">
        <p><strong>Apache Syncope</strong>is an Open Source system for
            managing digital identities in enterprise environments, implemented in
            JEE te chnology and released under Apache 2.0 license.</p>
        <p><strong>Identity management</strong>&nbsp;(or IdM) represents the
            joint result of business process and IT to manage user data on systems
            and applications. IdM involves considering user attributes, roles,
            resources and entitlements in trying to give a decent answer to the
            question bumping up every time in an IT administrator's mind:</p>
        <p class="last">Who has access to What, When, How, and Why?</p>
    </article></aside><hr><br><footer>
        <p>Copyright © 2010–2014 The<span class="color"> Apache Software
             Foundation</span>. All rights reserved.</p>
        <p>Apache, Syncope, Apache Syncope, the Apache feather logo and the
            Apache Syncope project logo are trademarks of The Apache Software
            Foundation. All other marks mentioned may be trademarks or registered
            trademarks of their respective owners.</p>
        <div><img class="img1" src="../../image/work1/three.gif" alt="" /><img src="../../image/work1/four.png" alt="" />
        </div>
    </footer>
</body>
</html>